﻿html{ font-family: '黑体';}
body{ background-color: #EDEDED;}
.blue{color:rgb(157, 11, 243); }
.green{color:rgb(41, 198, 119); }
.red{color:rgb(249, 59, 59); }
.gray{color:rgb(162, 161, 161); }
.bcolor{ background-color: #FFF; border: 1px #E6E6E6 solid;}
.w100{width:100%;}
.h100{height:100%;}
.p0{padding: 0;}
.p0i{padding: 0 !important;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p5p10p10p10{padding: 5px 10px 10px 10px;}
.p20p10{padding: 20px 10px;}
.p20p20{padding: 20px 20px;}
.pb0{padding-bottom: 0;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pl0 {padding-left:0;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl50 {padding-left:50px;}
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt70 {padding-top:70px;}
.pt85 {padding-top:85px;}
.pt100 {padding-top:100px;}
.plr10{padding-left: 10px;padding-right:10px;}
.plr25{padding-left: 25px;padding-right:25px;}
.pbt10{padding-bottom: 10px;padding-top:10px;}
.pbt25{padding-bottom: 25px;padding-top:25px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.click-btn{display:block;float:right;padding:4px 15px;color:#fff;font-size:15px;}
.criticism-hover{background-color:#fff;color:rgb(249, 126, 0);}
.praise-hover{background-color:#fff;color:rgb(5, 170, 255);}
.criticism-hover:hover{background-color:rgb(249, 126, 0);color:#fff;}
.praise-hover:hover{background-color:rgb(5, 170, 255);color:#fff;}
.m0{margin:0;}
.mt0{margin-top: 0;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mb0{margin-bottom: 0;}
.mbt10 {margin-bottom: 10px; margin-top:10px;}
.mb10 {margin-bottom: 10px;}
.oa{overflow: auto;}
.tcenter{text-align: center;}
.layui-container{ overflow: hidden;}
.bt{border-bottom: 1px #E6E6E6 solid;}
.lh30{line-height:30px;}
.ahover:hover{ color:#FF5722;}
.href{ color:#1E9FFF;}
.c_aaa{ color:#aaa;}
.right{ float:right;}
.display-form-select{ display:inline-block !important; padding:5px 10px 10px 10px; width:100%; border:#e6e6e6 solid 1px;}
/* top */
.ui-top{ width: 100%; height: 75px; background-color: #fff;}
/* nav */
.ui-nav{ width: 100%; height: 60px; background-color: #393D49;}

.listp{ width: 100%; height: 163px;}
.listp p{ margin-bottom: 8px; font-size: 14px; }
.listp p span{ color:#CCC; float: right;}
.listp .hot{color: #FF5722;}
.top-new{padding: 15px 15px 10px 15px;}
.new-title{ width:100%; height: auto;}
.new-title h3{color: #FF5722;display: inline-block; font-size: 18px;}
.new-title span{font-size: 18px; margin-left: 5px;}
.new-content{ padding: 10px 5px; color: #666;}
.panle-title{ font-size:18px;}
/* list */
.new-panle {    margin-left: 10px;}
.panle-lable,.panle-info,.panle-content{ margin-top: 5px;}
.panle-info span{ margin-right: 10px;}
.panle-info span i,.panle-info span{ color: #999; font-size: 12px;}
.panle-content{color: #999; font-size: 12px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.article-list .row:hover{ background-color:#F9F9F9;}
.list-title{ font-size:26px;margin: 0 0 10px 5px;padding-left: 15px;}
.title-view{ font-size:22px;margin: 0 0 10px 0;}
.attach-title{font-size:14px;}
/* down */
.ui-down {width: 100%;min-height: 150px;background-color: #393D49; padding:15px 0;}


@media screen and (max-width:768px) {
    .new-panle{ margin-left: 0; margin-top: 10px;}
}

.transition_width{transition:width .5s;}
.readview{ float:right; font-size:24px;}

.member_menu ul li { padding:10px; border-bottom:1px #e6e6e6 solid; font-size:15px; cursor:pointer; }
.member_menu ul li a{ display:block; width:100%; }
.member_menu ul li:hover {        background-color: #e6e6e6;    }

/* layui */
.layui-input-inline .print{ color:#757575;padding-top: 10px;font-size: 16px;display:block;}

/* footer */
.ui-footer-friend{ min-height:120px; overflow:auto; margin-bottom:30px;}
.ui-footer-title{ color:#fff; font-size:20px;}
.ui-footer-company{ text-align:center; color:#ababab; font-size:12px;}
.ui-footer-fitem div a{ color:#ababab; font-size:14px; }
.ui-footer-note .ui-footer-note-span{ display:block; color:#fff; }

/* reply */
.reply_textarea{ width:calc(100% - 24px); padding:8px; resize: none;border:4px solid #f0f0f0;}
.reply_name{display:block;margin-left :10px;padding-top:12px;color:#999; float:left;}
.reply-list-img{ width:45px;height:45px;}
.reply-list-time{ font-size:12px; margin-left:10px;color:#999;}
.reply-list-content{ color:#59595A;}
.reply-list-report{color:#999; float:right;font-size:12px;}
.reply-list-praise, .reply-list-criticism, .reply-list-reply{ color:#999;font-size:12px;}
.reply-list-praise:hover, .reply-list-criticism:hover, .reply-list-reply :hover,.reply-list-report:hover { color: rgb(63, 157, 252);}
.reply-list-criticism{ margin-left:15px;}
.reply-list-reply{ margin-left:15px;}
.reply-list-child{ background-color:#f9f9f9;}
.reply_textarea_member{ width:calc(100% - 20px); padding:8px; resize: none;border:2px solid #f0f0f0;}

.reply-title{ font-size:12px;color:#999;}
.reply-content{ font-size:14px;color:#484847;}
.reply-my-reply{ margin-left:15px; font-size:12px;color:#999;}
.to-me-reply{ color:#484847;}